<!DOCTYPE html>
<html lang="zh-CH">
<head>
  <meta charset="UTF-8">
  <meta content="IE=edge" http-equiv="X-UA-Compatible">
  <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
  <meta content="featon inc." name="author">
  <link href="/static/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="/static/vendor/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
  <link href="/static/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <link href="/static/vendor/jqPagination/css/jqpagination.css" rel="stylesheet">
  <link href="/static/vendor/datetimepicker/jquery.datetimepicker.css" rel="stylesheet">
  <link href="/static/vendor/skin/ftskin.css" rel="stylesheet">
  <title>用药记录</title>
  <style>
    #page .pagination a {
      height: auto;
      width: 50px;
    }
  </style>
</head>
<body>
<div class="ft-subpage-wrapper container-fluid">
  <div class="row">
    <div class="col-lg-12">
      <div class="tools-box">
        <div class="form-inline">

          <span style="float:left;">
			<table border="0" cellpadding="0" cellspacing="0" style="text-align:left;padding-right:5px;float:right">
				<tr>
					<td width="300">
						<div class="input-group">
							<input class="form-control" id="searchText" oninput="search(this.value)"
                                   onpropertychange="search(this.value)" placeholder="关键字" type="search">
							<span class="input-group-btn">
								<button class="btn btn-info" id="search" type="button"><span aria-hidden="true"
                                                                                             class="glyphicon glyphicon-search"></span> 查询</button>
							</span>
						</div>
					</td>
				</tr>
			</table>
          </span>
        </div>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col-lg-12" id="table">
    </div>
    <!-- /.col-lg-12 -->
  </div>
  <!-- /.row -->
    <div class="row">
        <div class="container-fluid">
            <div id="turn">

            </div>
        </div>
    </div>
 <!-- <div class="row" id="page">
    <div class="col-sm-3" id="turn" style="line-height: 81px"></div>
    <div class="col-sm-9 ">
      <nav aria-label="Page navigation">
        <ul class="pagination">
          <li id="next"></li>
        </ul>
      </nav>
    </div>
  </div>-->
  <!-- /.row 证书-->
</div>
<script src="/static/vendor/jquery/jquery-3.3.1.min.js"></script>
<script src="/static/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="/static/vendor/jqPagination/js/jquery.jqpagination.min.js"></script>
<script src="/static/vendor/skin/js/ft-ui.js"></script>
<script src="/static/vendor/skin/js/table-common.js"></script>
<script src="/static/vendor/skin/js/java.js"></script>
<script src="/static/vendor/skin/js/jquery.c.js"></script>
<script>
  var tp = new TurnPage();
  var table = new Table();
  table.table_name = "table_list";
  var resultList = null;
  var beanList = null;
  var con_map = new Map();
  tp.setPageSize(10)

  $("ul").on("click", "li", function () {
    tp.curr_page = $(this).text()
    $(this).addClass("active")
    $(this).siblings().removeClass("active")
    loadListble()
  })


  function initTable() {
    var colsMap = new Map();
    var colsList = new List();
      colsList.add(setTitleClos("serialNumber", "序号", "40px", "", "", ""));
    colsList.add(setTitleClos("qyId", "企业名称", "100px", "", "", ""));
    colsList.add(setTitleClos("beeId", "蜂群id", "30px", "", "", ""));
    colsList.add(setTitleClos("drugName", "药品名称", "100px", "", "", ""));
    colsList.add(setTitleClos("enterprise", "生产厂家", "50px", "", "", ""));
    colsList.add(setTitleClos("number", "生产批号", "50px", "", "", ""));
    colsList.add(setTitleClos("startDay", "使用时间", "50px", "", "", ""));
    colsList.add(setTitleClos("endDay", "停用时间", "50px", "", "", ""));
    colsList.add(setTitleClos("feedUsage", "用法", "100px", "", "", ""));
    colsList.add(setTitleClos("dosage", "用量", "100px", "", "", ""));
    colsList.add(setTitleClos("remark", "备注", "100px", "", "", ""));
    //table.checkBox = false;
    table.setColsList(colsList);
    table.setAllColsList(colsList);
    table.enableSort = false;//禁用表头排序
    table.onSortChange = showList;
    table.show("table");//里面参数为外层div的id
  }

  function loadListble() {
      tp.curr_page = 1;
    showList();
    showTurnPage();
  }

  function showList() {
    con_map.put("start_num", parseInt(tp.getStart()));
    con_map.put("page_size", parseInt(tp.pageSize));
    resultList = top.ajax.synclBody("/bm/getListByPage", con_map.toJSON())
    beanList = resultList.medications;
    curr_bean = null;
    table.setBeanList(beanList, "td_list");//设置列表内容的样式
    table.show("table");

    tp.setTotal(resultList.count)
    table.getCol("startDay").each(function (i) {
      if (i > 0) {
        $(this).text( $(this).text().replace("T","  "))
      }
    });
    table.getCol("endDay").each(function (i) {
      if (i > 0) {
        $(this).text( $(this).text().replace("T","  "))
      }
    });
      table.getCol("serialNumber").each(function (i) {
          if (i > 0) {
              $(this).html(`<span style="font-weight: bold">`+i+`</span>`);
          }
      });
    table_input_init(table.table_name);
  }

  jQuery(function ($) {
    initTable();
    loadListble()
    let total = tp.getTotal();
    let pageSize = tp.getPageSize();
    let countPage = Math.ceil(parseInt(total) / parseInt(pageSize));
    for (let i = 1; i <= countPage; i++) {
      if (i === 1) {
        $("#next").before(`<li  class="active"><a href="JavaScript:">` + i + `</a></li>`)
      } else {
        $("#next").before(`<li ><a href="JavaScript:">` + i + `</a></li>`)
      }
    }
  });

  function showTurnPage(){
      tp.total = tp.getTotal()
      tp.show("turn","");
      tp.onPageChange = showList;
  }

  function openAddPage() {
    top.addTab('/farm/addBm');
  }

  function openUpdatePage(id) {
    var sel_id = '';
    if (id !== '' && id != null) {
      sel_id = id;
    } else
      sel_id = table.getSelecteCheckboxValue("id");
    top.addTab('/farm/addBm?id=' + sel_id);
  }

  function deleteObject(id) {
    var sel_id = '';
    if (id !== '' && id != null) {
      sel_id = id;
    } else
      sel_id = table.getSelecteCheckboxValue("id");
    var dm = new Map();
    dm.put("id", sel_id);
    if (top.ajax.synclBody("/bm/deleteMedication", dm.toJSON())) {
      modelWindow.alert("用药信息" + top.CMSLang.Delete_success);
      loadListble();
    } else {
      modelWindow.error("用药信息" + top.CMSLang.Delete_fail);
    }
  }
  $("#search").click(function () {
      $(this).attr("disabled",true)
      setInterval(function () {
          $("#search").attr("disabled",false)
      },2000)
  })

  $("#search").click(function () {
      let val = $("#searchText").val().trim();
      if (val !== '') {
          searchList(val);
      } else {
          alert('空的')
      }
  })

  function search(val) {
      if (val.trim() === '') {
          con_map.clear();
          loadListble();
      }
  }

  function searchList(val) {
      con_map.put("start_num", parseInt(tp.getStart()));
      con_map.put("page_size", parseInt(tp.pageSize));
      let cols = [  'qyId', 'beeId', 'drugName','enterprise','number'
          ,'startDay','endDay','feedUsage','dosage','remark']
      con_map.put('arg', val);
      resultList = top.ajax.synclBody("/bm/getSearchListByPage", con_map.toJSON())
      beanList = resultList.obj;
      tp.setTotal(resultList.count)
      table.setBeanList(beanList, "td_list");//设置列表内容的样式
      table.show("table");
      let cssText = `<span style="color: red;font-weight: bold">` + val + `</span>`
      for (let col of cols) {
          table.getCol(col).each(function (i) {
              if (i > 0) {
                  $(this).html($(this).text().replace(val, cssText));
              }
          });
      }
      table.getCol("serialNumber").each(function (i) {
          if (i > 0) {
              $(this).html(`<span style="font-weight: bold">`+i+`</span>`);
          }
      });
      table_input_init(table.table_name);
      showTurnPage();
  }


</script>

</body>
</html>
